#app {
  .sidebar-container {
    height: 100%;
    background-color: $menuBg;

    // menu未收起时样式
    &-menu:not(.el-menu--collapse) {
      width: $sideBarWidth;
    }

    // 菜单收起时的样式调整
    .el-menu--collapse {

      // 隐藏submenu title
      .submenu-title,
      .el-sub-menu__icon-arrow {
        display: none;
      }
    }

    .el-sub-menu {
      .el-sub-menu__title:hover {

        outline: 0 !important;
        color: #fff !important;
        background: #435ebe !important;
        border-radius: 8px !important;
      }

      .submenu-title {
        padding-left: 12px;
      }

      .el-menu {
        .el-menu-item {
          min-width: 180px;
          padding-left: 40px;
          background-color: $subMenuBg !important;
          // padding: 0;

          span {
            padding-left: 0px;
          }

          &:hover {

            outline: 0 !important;
            color: #fff !important;
            background: #435ebe !important;
            border-radius: 8px !important;
          }
        }
      }
    }

    .el-menu {
      border: none;

      .el-menu-item {
        span {
          padding-left: 12px;
        }

        &:hover {
          // background-color: $subMenuHover !important;
          // background-color: rgb(38, 52, 69) !important;
          // color: $menuActiveText;

          // padding: 0;
          outline: 0 !important;
          color: #fff !important;
          background: #435ebe !important;
          border-radius: 8px !important;
        }
      }
    }
  }
}